<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple_icons_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple_icons_72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple_icons_114x114.png">
<title>Groutek | Premium Html Template</title>
<link href="http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,100,400italic,700,500,900" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/custom.css" type="text/css" media="all" />
</head>
<body>
	<div class="main_header type1">
        <div class="tagline">
            <div class="container">
                <div class="fright">
                	<div class="tagline_items">
                    	<div class="language_select">
                            <div class="selectBox">
                                <span class="selected"></span>
                                <span class="selectArrow"></span>
                                <div class="selectOptions" >
                                    <span class="selectOption" data-value="english"><img src="img/imgs/uk_flag.png" alt="" />English</span>
                                    <span class="selectOption" data-value="germany"><img src="img/imgs/germany_flag.png" alt="" />Germany</span>
                                </div>
                            </div>
                        </div>
                        <div class="log_in_out"><a href="javascript:void(0);" data-toggle="modal" data-target=".login_popup"><i class="icon-sign-in"></i> Login</a></div>
                        <div class="modal fade login_popup" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <h3>Please, Log in</h3>
                                    <form action="javascript:void(0);" method="post">
                                        <input type="text" placeholder="Username*" value="" name="name">
                                        <input type="password" placeholder="Password*" value="" name="password">
                                        <input type="submit" value="Log In"> 
                                        <div class="remember_me"><label><input name="remember" type="checkbox" value="remember">Remember Me</label></div>
                                    </form>
                                    <div class="forgot_password"><a href="javascript:void(0);">Forgot Your Password?</a></div>
                                    <button type="button" class="close_popup" data-dismiss="modal"><i class="icon-times"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="cart_btn">
                        	<a href="shop_cart.html" class="view_cart_btn"><i class="icon-shopping-cart"></i> Cart</a>
                            <!-- Cart submenu -->
                            <div class="cart_submenu">
                            	<div class="cart_wrap">
                                	<a href="javascript:void(0);" class="remove_products"><i class="icon-times-circle"></i></a>
                                	<ul class="product_posts">                                    
                                        <li>
                                            <img src="img/shop/1.jpg" alt="" />
                                            <a href="shop_product.html" class="title">Nemo Enim Ipsam</a>
                                            <div class="price">1<span>x</span>$500.00</div>
                                        </li>
                                    </ul>
                                    <div class="subtotal">Subtotal: <span>$500.00</span></div>
                                    <a href="shop_cart.html" class=" shortcode_button btn_small btn_type5 mr15">View cart</a>
                                    <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type1 mr0">Checkout</a>
                                </div>
                            </div>
                            <!-- //Cart submenu -->
                        </div>
                    </div>
                    <div class="top_search" id="top_search">
                        <form action="#" method="get" name="search_form">
                            <input type="text" class="ct-search-input" value="" name="s" placeholder="Search...">
                            <input type="submit" value="Search" class="s_submit">
                            <span class="top-icon-search">
                            	<i class="icon-search"></i>
                            </span>                                
                        </form>                            
                    </div>                   
                </div>
                <div class="fleft">
                    <div class="phone"><i class="icon-phone"></i> +1 800 245 39 25</div>
                    <div class="email"><a href="mailto:#"><i class="icon-envelope"></i> info@yourdomain.com</a></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="header_parent_wrap">
            <header>
                <div class="container">
                	<a class="top_menu_toggler" href="javascript:void(0)"></a>
                	<div class="logo_sect">
                        <a href="index.html" class="logo"><img src="img/logo.png" class="logo_def" alt="" /><img src="img/retina/logo.png" class="logo_retina" alt="" /></a>                
                    </div> 
                    <nav>
                        <ul class="menu">
                            <li class="menu-item-has-children"><a href="#">Home</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home Type1</a></li>
                                        <li><a href="home_type2.html">Home Type2</a></li>
                                        <li><a href="home_type3.html">Home Type3</a></li> 
                                        <li><a href="home_type4.html">Home Type4</a></li>                     
                                    </ul> 
                                </div>	
                            </li>
                            <li class="current-menu-parent menu-item-has-children"><a href="#">Pages</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children"><a href="#">About</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="about.html">About 1</a></li>
                                                    <li><a href="about2.html">About 2</a></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li><a href="service.html">Service</a></li>
                                        <li><a href="team.html">Team</a></li>
                                        <li><a href="careers.html">Careers</a></li>
                                        <li><a href="gallery.html">Gallery</a></li>
                                        <li><a href="showreel.html">Showreel</a></li>
                                        <li><a href="404.html">404 Error</a></li>
                                        <li class="current-menu-item"><a href="faq.html">FAQ</a></li>
                                        <li><a href="sitemap.html">Sitemap</a></li>
                                        <li><a href="coming_soon.html">Coming Soon</a></li>                                                                      
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Features</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="typography.html">Typography</a></li>  
                                        <li><a href="shortcodes.html">Shortcodes</a></li>
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Works</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="portfolio_1col.html">1 Column</a></li>
                                        <li><a href="portfolio_2col.html">2 Columns</a></li>
                                        <li><a href="portfolio_3col.html">3 Columns</a></li>
                                        <li><a href="portfolio_3col_masonry.html">3 Columns Masonry</a></li>
                                        <li><a href="portfolio_wide.html">Wide</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="portfolio_post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="portfolio_post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="portfolio_post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                              
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Blog</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="blog_fullwidth.html">Fullwidth Blog</a></li>
                                        <li><a href="blog_right_sidebar.html">With Right Sidebar</a></li>
                                        <li><a href="blog_left_sidebar.html">With Left Sidebar</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                             
                                    </ul> 
                                </div>                        
                            </li>
                            <li class="menu-item-has-children"><a href="#">Shop</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="shop.html">All Products</a></li>
                                        <li><a href="shop_product.html">Single Product</a></li>
                                        <li><a href="shop_cart.html">Cart</a></li>                                                                    
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Contact</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="contact_fullwidth.html">Fullwidth</a></li>
                                        <li><a href="contact_sidebar.html">With Sidebar</a></li>                                                 
                                    </ul> 
                                </div>
                            </li>
                        </ul>                                  
                    </nav>                   
                    <div class="clear"></div>
                </div>
            </header>
        </div>
    </div>
    
    <div class="wrapper">
    	<div class="container">
        	<div class="page_title_block">
                <div class="bg_title">
                    <h1>Frequently Asked Questions</h1>
                </div>
                <div class="page_descr">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu.</p>
                </div>
            </div>    	
        	<div class="content_block row right-sidebar">
            	<div class="fl-container hasRS">
                	<div class="posts-block">
                        <div class="contentarea">
                        
                            <div class="row">
                                <div class="col-sm-4 module_cont pb25 animate" data-anim-type="fadeInUp" data-anim-delay="200">		
                                    <div class="module_content shortcode_counter with_img type4">
                                        <div class="counter_wrapper">
                                            <div class="counter_content">                                                
                                                <div class="counter_body">
                                                	<div class="stat_count_wrapper">						
                                                        <h2 class="stat_count">Online Manual</h2>
                                                        <h4 class="counter_title">Helpful & Easy to Use</h4>
                                                    </div>                                                    
                                                    <div class="stat_temp"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4 module_cont pb25 animate" data-anim-type="fadeInUp" data-anim-delay="300">		
                                    <div class="module_content shortcode_counter with_img type2">
                                        <div class="counter_wrapper">
                                            <div class="counter_content">                                                
                                                <div class="counter_body">
                                                	<div class="stat_count_wrapper">						
                                                        <h2 class="stat_count">Screencasts</h2>
                                                        <h4 class="counter_title">Short Educational Videos</h4>
                                                    </div>                                                    
                                                    <div class="stat_temp"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4 module_cont pb25 animate" data-anim-type="fadeInUp" data-anim-delay="400">		
                                    <div class="module_content shortcode_counter with_img type3">
                                        <div class="counter_wrapper">
                                            <div class="counter_content">
                                                <div class="counter_body">
                                                	<div class="stat_count_wrapper">						
                                                        <h2 class="stat_count">Support Portal</h2>
                                                        <h4 class="counter_title">Support Tickets</h4>
                                                    </div>                                                    
                                                    <div class="stat_temp"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </div>                                                                                                            
                            
                            <div class="row">                             	
                                <div class="col-sm-12 module_cont module_accordion pb10 animate" data-anim-type="fadeInLeft" data-anim-delay="300">
                                    <div class="shortcode_accordion_shortcode accordion type2">
                                        <h5 data-count="1" class="shortcode_accordion_item_title expanded_yes">How to Make Site Narrower or Wider?<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                            	<p>Donec et eleifend velit. Sed eget urna odio. Quisque pulvinar dolor purus, sed dignissim ante imperdiet ac. Sed vulputate lectus at enim aliquet suscipit. Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris. Aliquam neque lectus, condimentum quis fringilla. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
                                                <ol>
                                                	<li>Donec et eleifend velit. Sed eget urna odio.</li>
                                                    <li>Quisque pulvinar dolor purus, sed dignissim ante imperdiet ac.</li>
                                                    <li>Sed vulputate lectus at enim aliquet suscipit.</li>
                                                    <li>Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris.</li>
                                                </ol>
                                            </div>
                                        </div>
                                        <h5 data-count="2" class="shortcode_accordion_item_title expanded_no">How to Add Google Map?<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea lorem ipsum dolor sit amet.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="3" class="shortcode_accordion_item_title expanded_no">How Can I Activate Slider Revolution?<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>Sed vulputate lectus at enim aliquet suscipit. Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris. Aliquam neque lectus, condimentum quis fringilla. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="4" class="shortcode_accordion_item_title expanded_no">How to Add Iconfont Icons to the Main Menu?<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="5" class="shortcode_accordion_item_title expanded_no">How to Add Google Map?<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb15 module_divider">
                                    <hr class="type5">                                            
                                </div>                                         
                             </div>
                             
                             <div class="row">
                                 <div class="col-sm-12 module_cont pb15 animate" data-anim-type="fadeInUp" data-anim-delay="300">
                                     <h3 class="mb20">Didn't Find the Answer?</h3>
                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                                 </div>
                             </div>
                             
                             <div class="row row20 animate" data-anim-type="fadeInUp" data-anim-delay="300">
                                 <div class="col-sm-12 module_cont module_form pb60">
                                     <form method="post" action="javascript:void(0);">
                                         <div class="row">
                                            <div class="col-sm-12"><input type="text" placeholder="Name*" value="" name="author"></div>
                                            <div class="col-sm-12"><input type="text" placeholder="Email*" value="" name="email"></div>
                                            <div class="col-sm-12"><input type="text" placeholder="Subject*" value="" name="subject"></div>
                                         </div>
                                        <textarea placeholder="Write Your Message Here..." name="message" cols="45" rows="5"></textarea>
                                        <input type="submit" name="submit" id="submit" value="Send question">
                                    </form>
                                </div>
                            </div>
                             
                        </div>
                    </div>
                </div>
                <div class="right-sidebar-block">
                                                
                    <div class="sidepanel widget_search">
                        <form name="search_form" method="get" action="javascript:void(0);" class="search_form">
                            <input type="text" name="s" value="" placeholder="Search">
                            <input type="submit" value="Go">
                        </form>
                    </div>
                    
                    <div class="sidepanel widget_categories animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <h4 class="title">Categories</h4>
                        <ul>
                            <li class="cat-item"><a href="javascript:void(0);">Branding</a></li>
                            <li class="cat-item"><a href="javascript:void(0);">Business</a></li>
                            <li class="cat-item current-menu-item"><a href="javascript:void(0);">Design</a></li>
                            <li class="cat-item"><a href="javascript:void(0);">Marketing</a></li>
                            <li class="cat-item"><a href="javascript:void(0);">Consulting</a></li>
                        </ul>
                    </div>
                    
                    <div class="sidepanel widget_posts animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <h4 class="title">Recent Posts</h4>
                        <ul class="recent_posts">                                    
                            <li class="with_img">
                                <div class="recent_posts_content">
                                    <img src="img/imgs/widget_post1.jpg" alt="" />
                                    <a href="javascript:void(0);" class="title">Business Cards Design Trends</a>
                                    <div class="recent_posts_info">Dec 02, 2020  /  <a href="javascript:void(0);">2 comments</a></div>
                                </div>                                    
                            </li>                                
                            <li class="with_img">
                                <div class="recent_posts_content">
                                    <img src="img/imgs/widget_post2.jpg" alt="" />
                                    <a href="javascript:void(0);" class="title">This Maravelous App</a>
                                    <div class="recent_posts_info">Nov 18, 2020  /  <a href="javascript:void(0);">9 comments</a></div>
                                </div>                                    
                            </li>
                            <li class="with_img">
                                <div class="recent_posts_content">
                                    <img src="img/imgs/widget_post3.jpg" alt="" />
                                    <a href="javascript:void(0);" class="title">Brand Paper Niceties</a>
                                    <div class="recent_posts_info">Nov 10, 2020  /  <a href="javascript:void(0);">0 comments</a></div>
                                </div>                                    
                            </li>                            
                        </ul>
                    </div>
                    
                    <div class="sidepanel widget_tag_cloud animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <h4 class="title">Tags</h4>
                        <div class="tagcloud">
                            <a href="javascript:void(0);">branding</a>
                            <a href="javascript:void(0);">gallery</a>
                            <a href="javascript:void(0);">art</a>
                            <a href="javascript:void(0);">wordpress</a>
                            <a href="javascript:void(0);">consulting</a>
                            <a href="javascript:void(0);">business</a>
                            <a href="javascript:void(0);">html</a>
                            <a href="javascript:void(0);">people</a>
                        </div>
                    </div>
                    
                    <div class="sidepanel widget_twitter animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <h4 class="title">Latest Twitts</h4>
                        <div class="tweet_module"></div>                          
                    </div>
                    
                    <div class="sidepanel widget_flickr animate" data-anim-type="fadeInUp" data-anim-delay="300">
                        <h4 class="title">Flickr Widget</h4>
                        <div class="flickr_widget_wrapper"><script src="http://www.flickr.com/badge_code_v2.gne?count=8&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=91205275@N03"></script></div>
                    </div>                    
                
                </div>
                <div class="clear"></div>
            </div>
        </div> 
    </div>
    
	<div class="footer">
    	<div class="container">
        	<div class="pre_footer">
            	<div class="row">
                	<div class="col-sm-3">
                    	<div class="sidepanel widget_text">
                        	<h4 class="title">Contact Us</h4>
                        	<p>Maecenas etos sit amet, consectetur adipiscing elit. Terminal volutpat rutrum metro amet sollicitudin interdum.</p>
                            <p><span>Phone:</span> +1 (800) 456 37 96</p>
                            <p><span>Office:</span> 5826 Baker Street, New York</p>
                            <p><span>Email:</span> <a href="mailto:#">info@groutek.com</a></p>
                            <div class="footer_socials">
                            	<ul>
                                	<li><a href="javascript:void(0);" class="soc_fb"><i class="icon-facebook"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_tweet"><i class="icon-twitter"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_google"><i class="icon-google-plus"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_dribbble"><i class="icon-dribbble"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_pinterest"><i class="icon-pinterest"></i></a></li>
                                </ul>
                            </div>
                        </div>	
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_posts">
                        	<h4 class="title">Recent Posts</h4>
                            <ul class="recent_posts">                                    
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post1.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Business Cards Design Trends</a>
                                        <div class="recent_posts_info">Dec 02, 2020  /  <a href="javascript:void(0);">2 comments</a></div>
                                    </div>                                    
                                </li>                                
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post2.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">This Maravelous App</a>
                                        <div class="recent_posts_info">Nov 18, 2020  /  <a href="javascript:void(0);">9 comments</a></div>
                                    </div>                                    
                                </li>
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post3.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Brand Paper Niceties</a>
                                        <div class="recent_posts_info">Nov 10, 2020  /  <a href="javascript:void(0);">0 comments</a></div>
                                    </div>                                    
                                </li>                            
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_twitter">
                        	<h4 class="title">Latest Twitts</h4>
                            <div class="tweet_module"></div>                          
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_review">
                        	<h4 class="title">Last Review</h4>
                            <div class="last_review">
                            	<p class="review_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
                                <div class="clear"></div>
                                <div class="last_review_author">
                                	<h5>Richard Clark</h5>
                                    <h6>Creative Designer</h6>
                                    <img src="img/imgs/review_author.jpg" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
            	<div class="copyright">Copyright 2020. All Rights Reserved by Groutek, Premium HTML Template.</div>
                <div class="clear"></div>
            </div>
        </div>
    </div>   
    
    <div class="fixed-menu"></div>
    
    <script type="text/javascript" src="js/jquery.min.js"></script>	   
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/modules.js"></script>	
	<script type="text/javascript" src="js/theme.js"></script>   
	<script type="text/javascript" src="js/color_panel.js"></script>
</body>
</html>